<template>
    <view class="container">
        <u-navbar
            :title="info.title"
            :autoBack="true"
            leftIconSize="50rpx"
            placeholder
        >
        </u-navbar>
        <!--view class="title">{{ info.title }}</view-->
        <view class="context">
            <rich-text :nodes="info.content"></rich-text>
        </view>
    </view>
</template>

<script>
    import { getArticleInfo } from "@/config/api"
    export default {
        name: "detail",
        data() {
            return {
                info: {}
            }
        },
        async onLoad(option) {
            this.info = await getArticleInfo(option)
        }
    }
</script>

<style lang="scss" scoped>
    .container {
        padding: 30rpx;
        .title {
            text-align: center;
            font-size: 32rpx;
        }
        .context {
            font-size: 26rpx;
            font-weight: 400;
            color: #4A4A4A;
            margin-top: 30rpx;
            line-height: 1.6;
        }
    }
</style>
